.hui-wrap{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column; 
    background: #21202d;
    .info_nav{
        height: 50px; 
        max-height: 50px;
        background: #464646; 
        display: flex; 
        flex-wrap: nowrap;
        #hui-back, .data_Contrast{
            width: 15%;
            line-height: 50px;
            text-align: center;
            font-size: 1.2rem;
            color: #fff;
        }
        .base_name{
            width: 70%; 
            line-height: 50px; 
            text-align: center; 
            color: #fff;
        }
    }
    #btn_base{
        width: 93%; 
        margin: 10px 15px 20px;
    }
    
    .E_switch{
        height: 9vh;
        .YMD_more{
            display: flex; 
            flex-wrap: nowrap; 
            padding: 5px 10px;
            border-bottom: 2px solid #3f4251;
            
            span, b{
                flex-grow:1; 
                color: #fff; 
                text-align: center; 
                border-right: 1px solid #3f4251;
            }
            b:last-child{
                border-right: 0;
            }
            span.active {
                color: #ff0000;
                position: relative;
//              background: #fff;
            }
            span.active:after{
                content:'';
                height:2px;
                width:30px;
                background: red;
                position: absolute;
                bottom: -7px;
                left: 50%;
                margin-left: -15px;
            }
        }
        .switch_Container{
            width: 100%;
            padding: 0 10px 0 10px;
            .swipe{
                #slider1 {
                    li {
                        width: 50px;
                        display: block;
                        text-align: center;
                        background: #fff;
                        color: #000;
                        width: 40px;
                        padding: 0 5px;
                        margin: 5px;
                    }
                    li.active {
                        color: #000 !important;
                        background: #fff !important;
                    }
                }
            }
        }
    }
    /*ECharts容器*/
    .echarts_content{
        margin-top: 1vh;
        width: 100%;
        height: 68vh;
        background: #21202d;
        /*border-radius: 8px;*/
        position: relative;
        .title_container{
            width: 92%; 
            height: 20px; 
            background: #21202d; 
            padding: 0 4%; 
            display: flex; 
            flex-wrap: nowrap;
            #name_unit{
                background: #21202d; 
                color: #fff;
                flex-grow: 25;
            }
            .K_or_L{
                background: #21202d; 
                flex-grow: 1; 
                height: 100%; 
                display: flex; 
                flex-wrap: nowrap;
                >div{
                    height: 100%; 
                    width: 20%;
                    img{
                        height: 100%; 
                        width: auto;
                    }
                }
                #switch_Text{
                     color: #fff;
                }
            }
            
            
        }
        
        
        
        /*K线图容器*/
        .echart-box {
            position: absolute;
            bottom: 0;
            background: #21202d;
            width: 100%;
            height: 95%;
        }
        /*折线图容器*/
        .echart-box2{
            position: absolute;
            bottom: 0;
            background: #21202d;
            width: 100%;
            height: 95%;
        }
         /*通过改变添加类名切换图形*/
        .echarts_hidden{
            visibility: hidden;
        }
    }
    
    
   
    
}
